.game-fl {
    .index-top {
        width: 100%;
        font-size: 1.625rem;
        font-weight: bold;
        background: #265BCD;
        color: #fff;
        height: 6rem;
        line-height: 6.5rem;
        display: flex;

        .back {
            padding-left: 1.25rem;
            padding-top: 0.3rem;

            img {
                height: 2.1875rem;
            }
        }

        p {
            font-size: 2.25rem;
            margin: 0 auto;
        }
    }


    .body {
        padding: .9375rem 2.5rem;

        .top {
            display: flex;

            .top-img-sel {
                .mask{
                    background-color: #DCDCDC;
                    -webkit-mask-mode: luminance;
                    mask-mode: luminance;
                }
                p {
                    text-align: center;
                    margin-top: -7rem;
                    margin-bottom: 3rem;
                    font-size: 2.5rem;
                    font-family: MicrosoftYaHei;
                    font-weight: bold;
                    color: rgba(255, 255, 255, 1);
                }
                img {
                    border: .0625rem solid #fff;
                    border-radius: 1.25rem;
                    margin-right: .625rem;
                    height: 9.375rem;
                }
            }

        }

        .top2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-bottom: 3rem;

            div {
                background: #DCDCDC;
                height: 5rem;
                width: 5rem;
                border-radius: 50%;
                margin: 1.5rem;

                img {
                    margin: 1rem;
                    height: 2.8125rem;
                    width: 2.8125rem;
                }

                p {
                    text-align: center;
                    font-size: 1.5rem;
                }
            }
        }

        .Search {
            background: rgba(220, 220, 220, 1);
            border-radius: 1.75rem;
            padding: .5rem 1.5625rem;
            display: flex;
            input {
                margin-top: .4rem;
                font-size: 1.625rem;
                margin-left: 1rem;
            }
        }

        .game-plays {
            margin-top: 3.125rem;

            h1 {
                color: #002F5E;
            }

            .img-c {
                width: 100%;
                height: 10rem;

                .game-c {
                    display: flex;
                    padding: 1rem;
                    border-radius: .5rem;

                    .game-text-c {
                        display: flex;
                        width: 100%;
                        margin-left: 1rem;
                        padding-bottom: 1rem;
                        margin-top: 0.5rem;
                        border-bottom: 1px solid #EEEEEE;

                        .game-text {
                            img {
                                height: 2.125rem;
                                margin: 0;
                            }

                            p {
                                font-size: 1.5rem;
                                color: #333333;
                            }

                            em {
                                font-size: 2.25rem;
                            }
                        }
                    }

                    img {
                        margin-top: 1rem;
                        border-radius: .5rem;
                        height: 7.5rem;
                    }
                }

                .pay-btn {
                    background: #DCDCDC;
                    color: #265BCD;
                    margin: auto;
                    margin-right: 0rem;
                    padding: 1rem 2rem;
                    font-size: 1.875rem;
                    height: 3.625rem;
                    line-height: 2rem;
                    border-radius: 1.8125rem;
                }
            }
        }
    }

}